<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in swipelist" :key="item.id">
                <img width="100%" :src="item.img" :class="{full: isfull}" alt="">
                <h1>{{item.name}}</h1>
            </mt-swipe-item>
        </mt-swipe>
       
    </div>
</template>

<script>

export default {
    props: ['swipelist','isfull'],
    data(){
        return {
            msg: '我是轮播组件',
            img: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_b.jpg'
        }
    },
    created(){

    },
    mounted(){
        
    },
    methods:{
        
    }
}
</script>

<style lang="scss" scoped>
.mint-swipe {
  height: 200px;
  .mint-swipe-item{
      text-align: center;
      :nth-child(1){
          background-color: red;
      }
      
  }
}
.full{
    width: 100%;
}
</style>